<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>MS 地图</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="css/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>

<link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<link href="plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN THEME STYLES -->
<link href="css/global/components.css" rel="stylesheet" type="text/css"/>
<link href="css/global/plugins.css" rel="stylesheet" type="text/css"/>
<link href="css/layout.css" rel="stylesheet" type="text/css"/>
<link id="style_color" href="css/themes/default.css" rel="stylesheet" type="text/css"/>
<link href="css/custom.css" rel="stylesheet" type="text/css"/>

<!--  map 自定义样式 -->
<link  href="css/map.css" rel="stylesheet" type="text/css"/>
<link  href="plugins/drag/css/jquery-drag.css" rel="stylesheet" type="text/css"/>
<link  href="plugins/combodate/css/jquery-combodate.css" rel="stylesheet" type="text/css"/>
<link  href="plugins/combobox/css/jquery-combobox.css" rel="stylesheet" type="text/css"/>
<link  href="plugins/paint/css/jquery-paint.css" rel="stylesheet" type="text/css"/>
<link  href="plugins/comboarea/css/jquery-comboarea.css" rel="stylesheet" type="text/css"/>

<!-- END FOOTER -->
<!-- <script src="js/global/jquery-1.7.1.min.js" type="text/javascript" />
<script src="js/global/jquery.json-2.3.min.js" type="text/javascript" />
<script src="js/global/jquery.i18n.properties-1.0.9.js" type="text/javascript" /> -->
<script src="plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<script src="js/global/metronic.js" type="text/javascript"></script>
<script src="js/layout.js" type="text/javascript"></script>
<script src="js/quick-sidebar.js" type="text/javascript"></script>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=rSihLvdnht7kRgjiC7q3GCGBdhpI94FC"></script>

<!--7995509  rSihLvdnht7kRgjiC7q3GCGBdhpI94FC  派单-->
<script  src="js/data.js" rel="stylesheet" type="text/javascript"/></script>
<script  src="js/getColor.js" rel="stylesheet" type="text/javascript"/></script>
<script  src="js/map.js" rel="stylesheet" type="text/javascript"/></script>
<script  src="plugins/drag/js/jquery-drag.js" rel="stylesheet" type="text/javascript"/></script>
<script  src="plugins/combodate/js/jquery-combodate.js" rel="stylesheet" type="text/javascript"/></script>
<script  src="plugins/combobox/js/jquery-combobox.js" rel="stylesheet" type="text/javascript"/></script>
<script  src="plugins/paint/js/jquery-paint.js" rel="stylesheet" type="text/javascript"/></script>
<script  src="plugins/comboarea/js/jquery-comboarea.js" rel="stylesheet" type="text/javascript"/></script>
<script>
jQuery(document).ready(function() {   
		//initiate layout and plugins
		Metronic.init(); // init metronic core components
		Layout.init(); // init current layout
		QuickSidebar.init() // init quick sidebar
});
</script>
</head>
<body class="page-header-fixed page-quick-sidebar-over-content page-footer-fixed1  page-header-fixed-mobile">
<!-- BEGIN HEADER -->
{% include "project/header" %}
<!-- END HEADER -->
<div class="clearfix">
</div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
     <!-- 左侧菜单 -->
	<div class="page-sidebar-wrapper">
		<!-- <div class="page-sidebar navbar-collapse collapse">
			BEGIN SIDEBAR MENU
			<ul class="page-sidebar-menu" data-auto-scroll="true" data-slide-speed="200">
				<li class='start active open' style="overflow: hidden;">
					<a href="#">
						<i class="icon-puzzle"></i>
						<span class="title">地图</span>
					</a>
				</li>
			</ul>
			END SIDEBAR MENU
		</div> -->
		{% include "menu" %}
	</div>
	<!-- BEGIN CONTENT -->
	<div class="page-content-wrapper">
		<div class="page-content"> <!-- 容器 -->
		      <div id="menu" style="width:100%;">
		      <div class="left">
		           	    <div class="map_select" id="map_select">
						        <div id='sele_city'></div>
						        <div id='sele_item' style='left:180px'></div>
			           </div>
		       </div>
		       <div class="right">
		               <ul class="max_ul dg_ul" style="display:block;">
		                  <li class="show_gc" detio="show_gc">工程师</li>
		                  <li class="show_fw" detio="show_fw">服务商</li>
		                  <li class="show_md" detio="show_md">门 店</li>
		                  <li class="show_gd_but" detio="show_gd" style='border: 0px;'>工 单</li>
		               </ul>
		               <ul class="min_ul dg_ul" style="display: none;">
		                  <li class="show_gd_qy" detio="show_gd_qu">区域划分</li>
		                  <li class="show_gd_qj" detio="show_gd_qj" style='border: 0px;'>工单</li>
		               </ul>
		       </div>
		      </div>
              <div id="allmap" style="width:100%;height:100%;float: left;"></div>
              <div id="drag" style='display: none;margin-left: 180px;'>
                 <div class="drag_panel"></div>
                 <div id="th" class="th"></div>
              </div>
		</div>
	</div>
	<!-- END CONTENT -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
{% include "project/footer" %}
<!--END FOOTER  -->
<!-- END JAVASCRIPTS -->
<div id="panel_map_add" style="width: 0;height: 0;"></div>
<div id="show_hf" class="panels" style="display: none;">
	    <div class="hf_select">
              <div class='gd_opts'>
                   <div id='year_qu' style='float:left;margin-left:8px;margin-top:7px;'></div>
                   <div class='gd_check_vessel'>
                     <span class='gd_checl_label'>全年</span>
                     <input id='qu_check' class='gd_check' type='checkbox' checked='checked'>
                   </div>
              </div>
              <div class='gd_opts'>
                   <div id='month_qu' style='float:left;margin-left:8px;margin-top:7px;'></div>
              </div>
	    </div>
	    <div class="hf_menu">
	       	 <div class="hf_left mr hf_click">区域信息</div>
	         <div class="hf_right mr ">收藏</div>
	         <div id="hf_centre" class="hf_centre">
	                 <div class="hf_date"></div>
	                 <div class="hf_area"></div>
	                 <div class="hf_count"></div>
	                 <div class="hf_mess"></div>
	              
	         </div>
	         <div class="hf_below">
	              	<div  id='but_ch' class="hf_button  hf_ch"><img src='image/but_ch.svg' style='width: 18px;height: 18px;'/>重绘</div>
	                <div  id='' class="hf_button  hf_sc" style='background:#3A91EA;color: white;'><img src='image/but_sc.svg' style='width: 27px;height: 27px;'/>收藏</div>
	         </div>
	    </div>
</div>
<div id="common" class="show_gd panels"  style="display: none;"></div>
<div id="work" class="show_gd panels panels_"  style="display: none;">
   <div class='gd_select'>
      <div class='gd_opts'>
         <div id='year_t' style='float:left;margin-left:7px;margin-top:8px'></div>
         <div class='gd_check_vessel'>
            <span class='gd_checl_label'>全年</span>
            <input id='gd_check' class='gd_check' type='checkbox' checked='checked'>
         </div>
      </div>
      <div class='gd_opts'>
         <div id='month_t' style='float:left;margin-left:7px;margin-top:8px'></div>
      </div>
   </div>
   <div id="panel_gf_menu" class='gd_menu'>  <!-- 工单详情 -->
      
   </div>
   
</div>
<div id="work_section" class="show_gd panels panels_"  style="display: none;">
   <div class='gd_select'>
      <div class='gd_opts'>
         <div id='year_qj' style='float:left;margin-left:7px;margin-top:8px'></div>
         <div class='gd_check_vessel'>
            <span class='gd_checl_label'>全年</span>
            <input id='qj_check' class='gd_check' type='checkbox' checked='checked'>
         </div>
      </div>
      <div class='gd_opts'>
         <div id='month_qj' style='float:left;margin-left:7px;margin-top:8px'></div>
      </div>
   </div>
   <div id="panel_gf_menu_section" class='gd_menu'>  <!-- 工单详情 -->
      
   </div>
   
</div>

</body>
<!-- END BODY -->
</html>